<?php
/**
 * Created on 15 ���� 2014
 * Description: 
 * Requires jQuery
 * @author Aryeh Rein 
 */
?>
<link type="text/css" rel="stylesheet" media="screen" href="/css/header.css" />
<script src="/js/header.js"></script>
<div id="header">
	<div id="header-logo">
		<a href="/">
			<img src="/images/logo.png" alt="header-logo" />
		</a>
	</div>
</div>
<?php //TODO:?>
<div id="header-menu" style="display:none;">
	<table><tbody>
		<tr>
			<td class="menu-column"> 
				<a href="/">
					<div class="column-icon" style="float:right;">
						<img src="/images/home-white.png" alt="home" />
					</div>
					<div class="over-display" style="float:right;">
						בית
					</div>
					<div style="clear: both;"></div>
				</a>
			</td>
			<td class="white-column"></td>
			<td class="menu-column"> 
				<a href="/tips.php">
					<div class="column-icon" style="float:right;">
						<img src="/images/smiley-white.png" alt="smiley" />
					</div>
					<div class="over-display" style="float:right;">
						טיפים
					</div>
					<div style="clear: both;"></div>
				</a>
			</td>
			<td class="white-column"></td>
			<td class="menu-column"> 
				<a href="/recipies.php">
					<div class="column-icon" style="float:right;">
						<img src="/images/chef-white.png" alt="chef" />
					</div>
					<div class="over-display" style="float:right;">
						מתכונים
					</div>
					<div style="clear: both;"></div>
				</a>
			</td>
			<td class="white-column"></td>
			<td class="menu-column"> 
				<a href="/replacements.php">
					<div class="column-icon" style="float:right;">
						<img src="/images/checklist-white.png" alt="checklist" />
					</div>
					<div class="over-display" style="float:right;">
						תחליפים
					</div>
					<div style="clear: both;"></div>
				</a>
			</td>
			<td class="white-column"></td>
			<td class="menu-column"> 
				<a href="/calculator.php">
					<div class="column-icon" style="float:right;">
						<img src="/images/calculator-white.png" alt="calculator" />
					</div>
					<div class="over-display" style="float:right;">
						מחשבונים
					</div>
					<div style="clear: both;"></div>
				</a>
			</td>			
			<td class="white-column"></td>
			<td class="menu-column"> </td>
			<td class="white-column"></td>
			<td class="menu-column"> </td>
			<td></td>
		</tr>
	</tbody></table>
</div>			